<!DOCTYPE html>
<html lang="en">
  <head>
    $shared/head()$
    <script  type="text/javascript">
      function LimpiaTodos(){
          \$("#username").val('');
          \$("#password").val('');
          \$("#tarjeta").val('');
      }
      function IngresoManual(){
        LimpiaTodos();
        \$("#r1").prop('checked', true);

        \$("#tarjeta").prop('disabled', true);
        \$("#username").prop('disabled', false);
        \$("#password").prop('disabled', false);
        \$("#tarjeta").prop('required', false);
        \$("#username").prop('required', true);
        \$("#password").prop('required', true);
      }
      function IngresoTarjeta(){
        LimpiaTodos();
        \$("#r2").prop('checked', true);

        \$("#tarjeta").prop('disabled', false);
        \$("#username").prop('disabled', true);
        \$("#password").prop('disabled', true);
        \$("#tarjeta").prop('required', true);
        \$("#username").prop('required', false);
        \$("#password").prop('required', false);
      }

      $if (IngresoManual)$
      \$(function(){
          IngresoManual();
      }); 
      $endif$
      $if (ingresoTarjeta)$
      \$(function(){
          IngresoTarjeta();
      }); 
      $endif$ 
    </script>
  </head>
  <body>
    <div class="container">
      <form class="form-signin" role="form" method="POST" action="default.aspx">
      <img src="resources/images/cinemark.png" /> 	
        <h2 class="form-signin-heading">Cuadratura confiter&iacute;a</h2>
        $if (errorSeguridad)$
        <div class="alert alert-danger" role="alert">Usted no tiene Acceso, por favor ingresar sus credenciales</div> 
        $endif$ 
        $if (mostrarError)$
        <div class="alert alert-danger" role="alert">$error$</div> 
        $endif$     
        <input name="tipo" value="normal" type="radio" id="r1" onchange="IngresoManual();"> <label for="r1">Ingreso Manual</label>
        <input type="text" id="username" name="username"  class="form-control numKeyboard" placeholder="Numero de Identificaci&oacute;n" required >
        <input type="password" id="password" name="password" class="form-control numKeyboard" placeholder="Clave" required>
        <input name="tipo" type="radio" value="tarjeta" id="r2" onchange="IngresoTarjeta();"> <label for="r2">Ingreso con Tarjeta</label>

            <input type="password" id="tarjeta" name="tarjeta"  class="form-control " placeholder="Acerque la tarjeta aqui" required>
            <br/>
        <button class="btn btn-lg btn-primary btn-block" type="submit">Entrar</button>
      </form>
    </div> 
  </body>
</html>
